<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>dianji</button>
    <button>dianji</button>
    <script>
        // // 1-创建XMLHttpRequest对象
        // var xhr = new XMLHttpRequest()
        // // 2-打开 格式: xhr.open(请求方式,文件路径,是否异步)
        // xhr.open('get','./01.txt',true)
        // // 3-发送
        // xhr.send()
        // // 4-注册监听事件
        // xhr.onreadystatechange = function(){
        //     // 5-监听ajax的状态和服务器状态
        //     // xhr.readystate==4代表内容解析完毕  xhr.status==200代表服务器请求正常
        //     if(xhr.readystate==4&&xhr.status==200){
        //         console.log(xhr.responseText,'asd')
        //     }
        //     console.log(xhr.responseText,'sad')
        // //     // console.log(eval(xhr.responseText))  
        // }
        
        // var xhr = new XMLHttpRequest()
        // xhr.open('get','01.json?name=张三&age=20',true)
        // xhr.send()
        // xhr.onreadystatechange=function(){
        //     console.log(xhr.responseText)
        // }

    </script>

<script>
    var but = document.getElementsByTagName('button')[0]
    var but1 = document.getElementsByTagName('button')[1]
    var a = null
    but1.onclick=function(){
        console.log(a)
    }
    but.onclick=function(){
    //     // ajax请求封装
    //     // obj=["post","./01.json","username=张三&age=20"]
    //     obj=["post","./01.json"]
    //     ajaxobj=[]
    //     ajaxobj.method=obj[0]
    //     ajaxobj.url=obj[1]
    //     ajaxobj.date=obj[2]
    //     // console.log(ajaxobj)
    //     // console.log(ajaxobj.method,ajaxobj.url,ajaxobj.date)
    //     var xhr = new XMLHttpRequest()
    //     // get请求
    //     if(ajaxobj.method=='get'){
    //         if(ajaxobj.date) {
    //             ajaxobj.url=ajaxobj.url+'?'+ajaxobj.date
    //         }
    //         xhr.open(ajaxobj.method,ajaxobj.url,true)
    //         xhr.send()
    //         // post请求
    //     }else{
    //         xhr.open(ajaxobj.method,ajaxobj.url,true)
    //         xhr.setRequestHeader('Content-type', "application/x-www-form-urlencoded")
                
    //         if(ajaxobj.date) {
    //             xhr.send("ajaxobj.date")
    //         }
    //         else{
    //             xhr.send()
    //         }
    //     }
    //     // console.log('asdad')
    //     xhr.onreadystatechange = function(){
    //         if(xhr.readyState==4&&xhr.status==200){
    //             console.log(xhr.responseText)
    //         }
    //     }

        // xhr.onreadystatechange = function () {
        //         //5.监听ajax==4    服务器==200
        //         if (xhr.readyState == 4 && xhr.status == 200) {
        //             //可以获取到数据，正常渲染页面
        //             // console.log(JSON.parse(xhr.responseText));
        //             obj.success(JSON.parse(xhr.responseText))
        //         }
        //     }



        // // get请求
        // var xhr =new XMLHttpRequest()
        // xhr.open('get','./01.json?username=张三&pas=123',true)
        // xhr.send()
        // xhr.onreadystatechange=function(){
        //     console.log(JSON.parse(xhr.responseText));
        // }
        
        // var xhr =new XMLHttpRequest()
        // xhr.open('post','./01.json',true)
        // xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')

        // //3.发送
        // xhr.send("username=张三&psa=123")   
        // xhr.onreadystatechange=function(){
        //     console.log(JSON.parse(xhr.responseText));
        // }

            // 1.创建XMLHttpRequst对象
    var xhr = new XMLHttpRequest()

//2.打开
xhr.open('post', './01.JSON', true)
//设置请求头
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')

//3.发送
xhr.send("username=张三&psa=123")

//4.注册监听事件
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(JSON.parse(xhr.responseText));
    }
    console.log(JSON.parse(xhr.responseText));
}



}
</script>

<script>
    // //1.创建XMLHttpRequest对象
    // var xhr =new XMLHttpRequest()

    // //2.打开并传参数
    // xhr.open('get','./01.json?username=张三&pas=123',true)

    // //3.发送
    // xhr.send()

    // //4.注册监听事件
    // xhr.onreadystatechange=function(){
    //     //5.监听ajax状态和服务器状态
    //     if(xhr.readyState==4&&xhr.status==200){
    //         console.log(JSON.parse(xhr.responseText));
    //     }
    // }

    //JSON.parse(字符串对象) //将字符串对象转成js对象
    //JSON.stringify(js对象))//将js对象转成字符串对象
</script>
</body>
</html>